// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import echarts from 'echarts'
import store from './store/index'

Vue.component('ImgLi', {
  template: '<li><img :src="imgs"></li>',
  props: ['imgs']
})

Vue.component('Blog', {
  template: `<div><h1>{{blog.title}}</h1><img :src="blog.img"><p>{{blog.title}}</p></div>`,
  props: ['blog']
})

Vue.component('myInput', {
  template: `<input :value="value" @input="$emit('input', $event.target.value)">`,
  props: ['value']
})

Vue.component('Blue', {
  template: `<div><h1>{{blue}}</h1></div>`,
  props: ['blue']
})

Vue.use(ElementUI)
Vue.config.productionTip = false
Vue.prototype.axios = axios
Vue.prototype.$echarts = echarts
// Vue.prototype.$store = store
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: {
    App
  },
  template: '<App/>'
})
